<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="description" content="">
    <meta name="author" content="">    
	<meta name="keywords" content="玩精灵">	
	<link rel="stylesheet" type="text/css" href="../css/lqcss.css">
	<link rel="stylesheet" type="text/css" href="../scss/lqpublic.css">
	<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="../js/jquerysession.js"></script>	
	<script type="text/javascript" src="../js/lqjs.js"></script>	
	<title>玩精灵后台</title>	
</head>

	<body>
		<div class="container">
		<!-- 主体部分 -->
			<!-- <div class="containermain"> -->
	
						<!-- 右侧内容 -->
						<!-- <div id="rightcontent"> -->
							<div class="rightcontent">
								<!-- 页面导航 -->
								<div class="righttopnav">
									<a class="index">首页></a><a>评论回复</a>
								</div>
								<!-- 操作区 -->
								<div class="caozuodiv">
									<input class="searchinpu" type="text" name="" placeholder="用户名">
									<a class="originborbtn usersear">查询</a>
									
									<!-- <a class="originbtn adduser">+新增</a> -->
								</div>

								<!-- 数据table --> 
								<div class="contenttable">
									
									<table id="table01" class="table01">
										<!-- <colgroup>
										 <col class="item-list-col0">
										 <col class="item-list-col1">
										 <col class="item-list-col2">
										 <col class="item-list-col3">
										 <col class="item-list-col4">
										 <col class="item-list-col5">
										 <col class="item-list-col6">
										 </colgroup>
										<tr>
											<th>图片</th>
											<th>标题</th>
											<th>地址</th>
											<th>状态</th>
											<th>创建时间</th>
											<th>操作</th>
										</tr>
										<tr>
											<td><img src="../images/111.png"></td>
											<td>五一活动</td>
											<td>http://www.caijingwulin.com/index.html</td>
											<td>已启用</td>	
											<td>2018-03-29</td>
											<td><a class="tab_editor"></a><a class="tab_del"></a></td>
										</tr>									
										<tr>
											<td><img src=""></td>
											<td>五一活动</td>
											<td>http://www.caijingwulin.com/index.html</td>
											<td>已启用</td>	
											<td>2018-03-29</td>
											<td><a class="tab_editor"></a><a class="tab_del"></a></td>
										</tr> -->
									</table>
								</div>

								<!-- 翻页 -->
								<div class="pages">
									<a class="pre"><</a>
									<ul class="pagesul">
										<li class="pagesnum thispage">1</li>
										<li class="pagesnum">总共1页</li>
									</ul>
									<a class="next">></a>

								</div>
							</div>
						
						<!-- 用户编辑框 -->
						<div class="zhezhaodiv"></div>
						<div class="editordiv">
							<!-- 页面导航 -->
								<div class="righttopnav">
									新增/编辑
								</div>

								<!-- 数据table -->
								<div class="contenttable">
									
									<div id="table01">										
										<div class="table_user">
											<label class="add_lable">用户名称</label>
											<input class="table_inp" id="loginName" type="text" name=""/>
										</div>					
										<div class="table_user">
											<label class="add_lable">手机号</label>
											<input class="table_inp" id="phone" type="text" name=""/>
										</div>				
										<!-- <div class="table_user">
											<label class="add_lable">设置权限</label>	
											<label class="labelp"><input type="radio" name="abcd" value="4" checked><i>✓</i>系统管理员</label>	
											<label class="labelp"><input type="radio" name="abcd" value="3"><i>✓</i>运维</label>
											<label class="labelp"><input type="radio" name="abcd" value="2"><i>✓</i>客服</label> 
											<label class="labelp"><input type="radio" name="abcd" value="1"><i>✓</i>管理员</label>
										</div>	 -->
										<div class="table_user">
											<label class="add_lable">状态</label>	
											<label class="labelp"><input type="radio" name="abc" value="Y" checked disabled><i>✓</i>启用</label>
											<label class="labelp"><input type="radio" name="abc" value="N" disabled><i>✓</i>停止</label><br>  
	
										</div>	
										<div class="btns">
											<a class="originbtn adduserbtn">确定</a>
											<a class="whitebtn backbtn">返回</a>
										</div>	
									</div>
								</div>
						</div>
		<!-- 	</div> -->
			
		<!-- </div> -->
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> 
<script type="text/javascript" src="js/jquerysession.js"></script>
<script type="text/javascript">
// window.onload=function(){	

 $(document).ready(function() {  
        // val()无参数是取值，有参数是设置  
        // 为了更好的兼容性，将下面的val()设置与input中的placeholder的值设置相同  
        $("input.searchinpu").val("请输入完整用户名");  
        textFill($('input.searchinpu'));  
    }); 
var urank = $.session.get("rank");
console.log("banner管理");
	$(".navli").click(function(){
		$(this).addClass('select').siblings().removeClass('select');					
	});
	
//添加新数据
$(".adduser").click(function(){
	console.log("新增作者");
		window.location.href='author/authornew.html';
});


//返回
$(".backbtn").click(function(){
	if(ison){
		if(ison){
		ison = false;
		zhezhao(ison);
	}else{
		ison = true;
		zhezhao(ison);
	}
	}
});
//确认
var sid = '';//用户存储用户id
$(".adduserbtn").click(function(){
	console.log('确认');
	if(ison){
		if(ison){
		ison = false;
		zhezhao(ison);
		}else{
			ison = true;
			zhezhao(ison);
		}
	}
	
		console.log(sid);
		$.ajax({
			type: "get",
			url: url+"account/edit",
			data:{
				'sid': sid
			},
			success: function(data){
				console.log(data);
				var useredit = data.data.account;
				if (data.code=='2000') {
					$("#loginName").val(useredit.name);
					$("#phone").val(useredit.mobile);
					$("input[name='abc']:checked").val("Y");

				}else{
					console.log('系统错误');
				}
			}
		})

		if(ison){
			ison = false;
			zhezhao(ison);
		}else{
			ison = true;
			zhezhao(ison);
		}
							

});

$(".usersear").click(function(){
	usersear();
});

//用户列表
	// $.ajax({
	// 	type: "get",
	// 	url: url+"account/listByPage",
	// 	data:{
	// 		'start': 1,
	// 		'pageSize': 10,
	// 	},
	// 	success: function(data){
	// 		console.log('用户列表数据');
	// 		console.log(data);
	// 		if(data.code == '2000'){
	// 			var userlist = data.data;//用户列表数据
	// 			var userhtml = '<colgroup>'
	// 									 +'<col class="item-list-col0">'
	// 									 +'<col class="item-list-col1">'
	// 									 +'<col class="item-list-col2">'
	// 									 +'<col class="item-list-col3">'
	// 									 +'<col class="item-list-col4">'
	// 									 +'<col class="item-list-col5">'
	// 									 +'<col class="item-list-col6">'
	// 									 +'</colgroup>'
	// 									+'<tr>'
	// 										+'<th>图片</th>'
	// 										+'<th>标题</th>'
	// 										+'<th>状态</th>'
	// 										+'<th>创建时间</th>'
	// 										+'<th>操作</th>'
	// 									+'</tr>';
	// 						for(var i in userlist){
	// 							// var usertime = timeStamp2String(parseInt(userlist.createdDatetime));
	// 							var usid = userlist.sid;
	// 							//创建时间
	// 							id = 0; //序号归零 
	// 							id++;
								
	// 							userhtml += '<tr>'+
	// 										'<td>'+userlist[i].avatar+'</td>'+
	// 										'<td>标题</td>'+
	// 										'<td>状态</td>'+	
	// 										'<td>'+userlist[i].createdDatetime+'</td>'+
	// 										'<td>操作</td>'+
	// 										'</tr>';
											
	// 						}
	// 						$("#table01").html('');
	// 						$("#table01").append(userhtml);
	// 						console.log('数据成功加载');
	// 		}else{

	// 		}
			
	// 	}
	// })

//用户搜索
// function usersear(){	
// 	var searchinpu = String($(".searchinpu").val());
// 	console.log($(".searchinpu").val());
// 	console.log(searchinpu);
// 	if(searchinpu.length!=0){
// 			$.ajax({
// 		type: "get",
// 		url: url+"account/edit",
// 		data:{
// 			'name': searchinpu
// 		},
// 		success: function(data){
// 			if(data.code == '2000'){
// 				var userlist = data.data;//用户列表数据
// 				var userhtml = '<colgroup>'
// 										 +'<col class="item-list-col0">'
// 										 +'<col class="item-list-col1">'
// 										 +'<col class="item-list-col2">'
// 										 +'<col class="item-list-col3">'
// 										 +'<col class="item-list-col4">'
// 										 +'<col class="item-list-col5">'
// 										 +'<col class="item-list-col6">'
// 										 +'</colgroup>'
// 										+'<tr>'
// 											+'<th>图片</th>'
// 											+'<th>标题</th>'
// 											+'<th>地址</th>'
// 											+'<th>状态</th>'
// 											+'<th>创建时间</th>'
// 											+'<th>操作</th>'
// 										+'</tr>';
// 							for(var i in userlist){
// 								var usertime = timeStamp2String(parseInt(userlist.createdDatetime));
// 								var usid = userlist.sid;
// 								//创建时间
// 								id = 0; //序号归零 
// 								id++;
								
// 								userhtml += '<tr>'+
// 											'<td></td>'+
// 											'<td>'+userlist.name+'</td>'+
// 											'<td>手机号</td>'+
// 											'<td>'+userlist.mobile+'</td>'+	
// 											'<td>启用</td>'+
// 											'<td>'+usertime+'</td>'+
// 											'<td><a class="tab_editor" sid="'+usid+'"></a><a class="tab_del" sid="'+usid+'"></a></td>'+
// 											'</tr>';
											
// 							}
// 							$("#table01").html('');
// 							$("#table01").append(userhtml);
// 							console.log('数据成功加载');
// 			}else{

// 			}
			
// 		}
// 	})
	// }
// 	else{
// 		alert("请完整输入用户名");
// 	}

// }

				// 作者列表
				var id = 0;//序号
				var newpage = 0; //当前页面
				var pagesize = 10; //每页条数
				userinfo(newpage);
				function userinfo(newpage){
					console.log('评论回复列表');
				$.ajax({
					type: "get",
					url: url+"commentReply/listByPage",
					data:{
						'start': newpage,
						'pageSize': pagesize,
					},
					success: function(data){
						console.log('评论回复列表');
						console.log(data);
						if(data.code=='2000'){
							var userlist = data.data.dataList;//作者列表数据
							// var pageable = data.data.pageable; //用户翻页
							// var totalElements = data.data.totalElements; //总条数
							// var pageNumber = pageable.pageNumber;//当前第几页
							// var totalPages = data.data.totalPages;//总页数
							var userhtml = '<colgroup>'
										 +'<col class="item-list-col0">'
										 +'<col class="item-list-col1">'
										 // +'<col class="item-list-col2">'
										 // +'<col class="item-list-col3">'
										 +'<col class="item-list-col4">'
										 +'<col class="item-list-col5">'
										 // +'<col class="item-list-col6">'
										 +'</colgroup>'
										+'<tr>'
											// +'<th>序号</th>'
											+'<th>回复内容</th>'
											+'<th>评论的sid</th>'
											+'<th>回复表中的sid</th>'
											+'<th>回复内容</th>'
											+'<th>评论状态</th>'
											// +'<th>总积分</th>'
											+'<th>创建时间</th>'
											+'<th>操作</th>'
										+'</tr>';
							for(var i in userlist){
								var usertime = userlist[i].createdDatetime;//创建时间	
								var usid = userlist[i].sid;
															
								id++;	
								userhtml += '<tr>'+
											// '<td><img src="'+userlist[i].avatar+'"></td>'+//头像
											'<td>'+userlist[i].replyContent+'</td>'+//回复内容
											'<td>'+userlist[i].commSid+'</td>'+//评论的sid
											'<td>'+userlist[i].parentSid+'</td>'+//回复表中的sid
											'<td>'+userlist[i].replyContent+'</td>'+//回复内容
											'<td>'+userlist[i].stauts+'</td>'+//评论状态
											'<td>'+userlist[i].updatedDatetime+'</td>'+//创建时间
											'<td><a class="tab_editor" artsid="'+usid+'" sid="'+usid+'"></a><a class="tab_del" sid="'+usid+'"></a></td>'+
											'</tr>';
											
							}
							$("#table01").html('');
							$("#table01").append(userhtml);
							console.log('数据成功加载');

							//编辑banner信息（修改）
							$(".tab_editor").click(function(){
								// window.location.href='marketingmar/editorbanner.html?artilcesid='+$(this).attr('artsid')+'&bannersid='+$(this).attr('sid');
								window.location.href='author/authoramend.html?bannersid='+$(this).attr('sid')+'&artilcesid='+$(this).attr('artsid');
							});

							// 删除事件
							$(".tab_del").click(function(){
								console.log(typeof $(this).attr('sid'));
								$.ajax({
									type: "post",
									url: url+"author/removeAuthor",
									data:{
										'authorSid': $(this).attr('sid'),//作者sid
									},
									success: function(data){
										console.log(data);
										if (data.code == '2000') {
											alert('删除成功');
											id=id-10;
											userinfo(newpage);
										}else{
											console.log('删除失败');
										}
									}
								});
							});

							//翻页
							var pagehtml='';
							var now = pageNumber+1;
							pagehtml = '<a class="pre"><</a>'
									+'<ul class="pagesul">'
										+'<li class="pagesnum thispage">'+now+'</li>'
										+'<li class="pagesnum">总共'+totalPages+'页</li>'
										+'<li class="pagesnum"><input class="pageinp" id="yema" type="tel" oninput="checkNum(this.value)"  placeholder="输入页码" value=""/></li>'
										+'<li class="pagesnum thispage tiaoz">跳转</li>'
									+'</ul>'
									+'<a class="next">></a>';
							$(".pages").html(pagehtml);

							//跳转页码
							$(".tiaoz").click(function(){
								var thispage = $(".pageinp").val(); //输入跳转的页码
								// newpage = parseInt(thispage-1);
								//输入页码不为空
								if(thispage.length!=0 && !isNaN(thispage)){
									console.log("当前输入页面"+thispage);
									if(totalPages+1>thispage>0){
										if(newpage == thispage){
											//如果是跳转当前页面,则不跳转，不刷新页面
											console.log('跳转当前页面');
											newpage = thispage;
											return false;
										}else{
											//跳转到输入页面
											id = (thispage-1)*pagesize;//跳转页面id起始
											newpage = thispage;
											userinfo(newpage);
										}
										
									}else{
										alert('请输入准确页码');
										$(".pageinp").val('');//清空搜索框
									}
									
								}
								
							});
							//上一页
							$(".pre").click(function(){
								console.log(newpage);
								if(newpage>0){
									//当前页面需要大于0 ，小于总页数
									//如果当前条数少于每页条数时，即最后一页
									console.log('userlist.length'+userlist.length);
									if(userlist.length<pagesize){
										id = id-userlist.length-pagesize;
										console.log('id==' +id);
										userinfo(newpage-1);
									}else if(userlist.length==pagesize){
										id = id - pagesize*2;
										console.log('不多id==' +id);
										userinfo(newpage-1);
									}
								}else{
									alert('没有上一页了');
								}								
							})
							//下一页
							$(".next").click(function(){
								console.log(newpage);
								if(totalPages-1>newpage){
									//当前页面需要小于总页数
									userinfo(newpage+1);
								}else{
									alert('没有下一页了');
								}
							})

							//遮罩层弹窗							
							zhezhao(ison);

						}else{
							console.log('系统错误');
						}
						
					}
				});
		}
		
</script>
<!-- </body>
	</html>